// 首页
.actived{
  color:#FFE300;
}
.home_page {
    width: 100%;
    min-height: 1000px;
    position: relative;
    margin-top: 60px;
    font-family:'Arial';
    color: #141414;
    background-color: #fff;
    // banner
    .banner_box {
      width: 100%;
      height: 400px;
      z-index:1000;
      background: #fff;
      .recommandlist{
        width: 100%;
        height: 400px;
      }
    }
    .search_tab{
      width: 100%;
      height: 400px;
      margin: 0 auto;  
      position: absolute;
      top: 0px;
      z-index:200;
      text-align: center;
    }
   
    .TextBox{
      width: 100%;
      height: 430px;
      margin: 0 auto;
      background: #fff;
      margin-top: 25px;
      text-align: center;
      position: relative;
      .text{
        @include title_global;
      }
      .msg{
        color: #464646;
        font-size: 19px;
        line-height: 24px;
        margin-top: 19px;
      }
      .ownerBox{
        width: 1103px;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        .recommend_box{
          @include owner_box_global;
          background-color: #F0F4F7;
          .title{
            @include owner_box_title_global;
          }
          .list{
            width: 320px;
            height: 224px;
            margin-top: 22px;
            margin-left: 60px;
            position: relative;
            .listbox{
              height: 73px;
              line-height: 73px;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              position: relative;
              .text{
                display: inline-block;
                width: 270px;
                font-size: 21px;
                position: absolute;
                left: 46px;
                color: #464646;
                text-align: left;
                border-bottom:1px solid #DEDEDE;
              }
              .yesImg{
                width: 28px;
                height: 28px;
              }
            }
            .listbox:nth-child(3)>span{
              border:none;
            }
            .recomImg{
              width: 150px;
              height: 151px;
              position: absolute;
              left: 315px;
              top: 40px;
            }
          }
          .recomm_btn{
            width: 388px;
            height: 67px;
            font-size: 24px;
            color: #000;
            background: #FFE300;
            border-radius: 8px;
          }
        }
        .plat_box{
          @include owner_box_global;
          background-color: #fff;
          .title{
            @include owner_box_title_global;
          }
          .list{
            width: 260px;
            height: 224px;
            margin-top: 22px;
            margin-left: 30px;
            position: relative;
            .listbox{
              height: 73px;
              line-height: 73px;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              position: relative;
              .text{
                display: inline-block;
                width: 210px;
                font-size: 21px;
                position: absolute;
                left: 46px;
                color: #464646;
                text-align: left;
                border-bottom:1px solid #DEDEDE;
              }
              .yesImg{
                width: 28px;
                height: 28px;
              }
            }
            .listbox:nth-child(3)>span{
              border:none;
            }
            .platImg{
              width: 154px;
              height: 171px;
              position: absolute;
              left: 340px;
              top: 40px;
            }
          }
          .platText{
            width: 280px;
            height: 46px;
            border: none;
            z-index: 1000;
            margin: 20px 0px 0px 0px;
            background-color: #fff;
            border-bottom: 1px solid #CECECE;
          }
          input::-webkit-input-placeholder{
            color:#7C7C7C;
          }
          input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#7C7C7C;
          }
          input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#7C7C7C;
          }
          input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#7C7C7C;
          }
          .plat_btn{
            width: 140px;
            height: 46px;
            font-size: 16px;
            color: #000;
            border-radius: 8px;
            background: #FFE300;
          }
        }
      }
    }
    .officeType{  
      width: 1366px;
      height: 505px;
      margin: 0 auto;
      margin-top: 50px;
      .text{
        @include title_global;
      }
      .msg{
        color: #464646;
        font-size: 19px;
        line-height: 24px;
        margin-top: 19px;
      }
      .bangongImg{
        margin-top: 35px;
      }
    }

    .contrastBox{
      width: 568px;
      height: 180px;
      display: flex;
      justify-content: space-around;
      margin: 0 auto;
      margin-top: 60px;
      .sharelist{
        height: 180px;
        width: 162px;
        text-align: right;
        .shareTitle{
          height: 40px;
          line-height: 40px;
          font-size: 25px;
          color: #000;
          font-weight: bold;
        }
        li{
          height: 15px;
          color: #3B3B3B;
          font-size: 18px;
          margin-top: 15px;
          line-height: 15px;
        }
      }
      .iconlist{
        height: 180px;
        width: 162px;
        text-align: center;
        .icontitle{
          height: 40px;
          width: 40px;
          border-radius: 50%;
          line-height: 40px;
          font-size: 25px;
          color: #000;
          font-weight: bold;
          margin: -5px 0px 0px 60px;
          background-color: #FFE300;
        }
        li{
          height: 15px;
          color: #3B3B3B;
          font-size: 18px;
          margin-top: 16px;
          line-height: 15px;
        }
     
      }
      .tranlist{
        height: 180px;
        width: 162px;
        text-align: left;
        .tranTitle{
          height: 40px;
          line-height: 40px;
          font-size: 25px;
          color: #000;
          font-weight: bold;
        }
        li{
          height: 15px;
          color: #3B3B3B;
          font-size: 18px;
          margin-top: 15px;
          line-height: 15px;
        }
      }
    }

    .roomBox{
      width: 1265px;
      height: 390px;
      position: relative;
      margin: 0 auto;
      .roomType{
        width: 1265px;
        height: 390px;
        margin: 0 auto;
        margin-top: 50px;
        position: relative;
        z-index:100;
        .text{
          font-size: 25px;
          font-weight: bold;
        }
        .roomlist{
          display: flex;
          justify-content: space-between;
          margin-top: 45px;
          position: relative;
          z-index: 100;
          li{
            width: 405px;
            height: 304px;
            .roomImg{
              width: 405px;
              height: 304px;
            }
          }
          .room_text_box1{
            width: 405px;
            height: 304px;
            position: absolute;
            top: 0;
            // display: none;
            z-index: 300;
            background:rgba(0,0,0,0.4);
            .room_text_container{
              line-height: 40px;
              .title{
                width: 405px;
                color: #FFFFFF;
                font-size: 23px;
                position: absolute;
                top: 30%;
                text-align: center;
              }
              .txt{
                width: 405px;
                color: #FFFFFF;
                font-size: 17px;
                position: absolute;
                top: 43%;
                text-align: center;

              }
            }
          }
          .room_text_box2{
            width: 405px;
            height: 304px;
            position: absolute;
            top: 0;
            left: 430px;
            // display: none;
            z-index: 300;
            background:rgba(0,0,0,0.4);
            .room_text_container{
              line-height: 40px;
              .title{
                width: 405px;
                color: #FFFFFF;
                font-size: 23px;
                position: absolute;
                top: 30%;
                text-align: center;
              }
              .txt{
                width: 405px;
                color: #FFFFFF;
                font-size: 17px;
                position: absolute;
                top: 43%;
                text-align: center;

              }
            }
          }
          .room_text_box3{
            width: 405px;
            height: 304px;
            position: absolute;
            top: 0;
            left: 860px;
            z-index: 300;
            background:rgba(0,0,0,0.4);
            .room_text_container{
              line-height: 40px;
              .title{
                width: 405px;
                color: #FFFFFF;
                font-size: 23px;
                position: absolute;
                top: 30%;
                text-align: center;
              }
              .txt{
                width: 405px;
                color: #FFFFFF;
                font-size: 17px;
                position: absolute;
                top: 43%;
                text-align: center;

              }
            }
          }
        }
      }
    }
  
    // video
    .home_video {
      width: 700px;
      height: 394px;
      margin: 0 auto; 
      margin-top: 55px;
      #myvideo {
        width: 700px;
        height: 394px;
        border: none;
      }
    }

  
    .home_text {
      margin-top: 55px;
      .title {
        @include title_global;
      }
    }
    .platbox{
      width: 1366px;
      height: 535px;
      margin: 0 auto;
      margin-top: 55px;
      .title {
        @include title_global;
      }
      .platlist{
        width: 1380px;
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
        li{
          width:328px;
          height: 445px;
          color: #666;
          .serviceimg{
            width:328px;
            height:260px;
            padding: 0;
            margin: 0;
            border:1px solid #EFEFEF;
          }
          .introbox{
            width:328px;
            height: 190px; 
            margin-top: -30px;
            background:rgba(249,249,249,1);
            .text{
              font-size: 16px;
              padding-top: 26px;
            }
            .intro{
              font-size: 14px;
              padding: 0px 45px 0px 45px;
            }
            &:hover{
              
              color: #141414;
            }
          }
        }
      }
    }
  

    // 企业选择
    .enterprise_selection {
      width: 1366px;
      height: 157px;
      margin: 0 auto;
      margin-top: 80px;
      .title {
        @include title_global;
      }
      .brand_box {
        width: 1366px;
        height: 90px;
        margin: 0 auto;
        margin-top: 30px;
        position: relative;
        .brand_img {
          width: 160px;
          height: 85px;
        }
      }
    }
    // 热门房源
    .hot_housing {
      width: 1366px;
      min-height: 60px;
      margin: 0 auto;
      margin-top: 60px;
      position: relative;
      .title {
        @include title_global;
      }
      .hot_housing_box {
        width: 1366px;
        margin: 0 auto;
        position: relative;
        min-height: 80px;
        .hot_housing_detail {
          float: left;
          width: 328px;
          height: 385px;
          margin-top: 50px;
          margin-right: 10px;
          position: relative;
          border: 1px solid #EFEFEF;
          overflow: hidden;
          cursor: pointer;
          .fdyxImg{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
          }
          .hosueimg {
            width: 328px;
            height: 260px;
            transition: all 0.6s;
            position: absolute;
            left: 0;
          }
          .hot_housing_price {
            position: absolute;
            width: 328px;
            height: 60px;
            top: 200px;
            line-height: 60px;
            background: rgba(73, 70, 70, 0.52);
            // z-index: 1000;
            color: #333;
            text-align: left;
            .price {
              font-size: 34px;
              line-height: 60px;
              text-align: left;
              padding-left: 23px;
              font-weight: bolder;
              color: #FF0000;
            }
            .prices{
              color: #FFFFFF;
              font-size: 23px;
              color: #FFFFFF;
              text-decoration:line-through;
            }
            .price_month {
              font-size: 16px;
              line-height: 60px;
              font-weight: bolder;
              color: #EFEFEF;
            }
          }
          .hot_housing_intro {
            width: 328px;
            height: 125px;
            text-align: left;
            position: absolute;
            top: 260px;
            background-color: #f9f9f9;
            .hot_housing_name {
              font-weight: bolder;
              font-size: 20px;
              padding-left: 23px;
            }
            .hot_housing_addr {
              font-size: 14px;
              padding-left: 23px;
            }
          }
        }
      }
    }

    .oneprice_housing {
      width: 1366px;
      min-height: 60px;
      margin: 0 auto;
      margin-top: 60px;
      .title {
        @include title_global;
      }
      .onepric_housing_box {
        width: 1366px;
        // min-height: 880px;
        margin: 0 auto;
        margin-bottom: 4vh;
        position: relative;
        .oneprice_housing_detail {
          float: left;
          width: 328px;
          height: 385px;
          margin-top: 50px;
          margin-right: 10px;
          position: relative;
          border: 1px solid #EFEFEF;
          overflow: hidden;
          cursor: pointer;
          .fdyxImg{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
          }
          .hosueimg {
            width: 328px;
            height: 260px;
            transition: all 0.6s;
            position: absolute;
            left: 0;
          }
          .onepric_housing_price {
            position: absolute;
            width: 328px;
            height: 60px;
            top: 200px;
            line-height: 60px;
            background: rgba(73, 70, 70, 0.52);
            // z-index: 1000;
            color: #333;
            text-align: left;
            .price {
              font-size: 34px;
              line-height: 60px;
              text-align: left;
              padding-left: 23px;
              font-weight: bolder;
              color: #FF0000;
            }
            .prices{
              color: #FFFFFF;
              font-size: 23px;
              color: #FFFFFF;
              text-decoration:line-through;
            }
            .price_month {
              font-size: 16px;
              line-height: 60px;
              font-weight: bolder;
              color: #EFEFEF;
            }
          }
          .oneprice_housing_intro {
            width: 328px;
            height: 125px;
            text-align: left;
            position: absolute;
            top: 260px;
            background-color: #f9f9f9;
            .onepric_housing_name {
              font-weight: bolder;
              font-size: 20px;
              padding-left: 23px;
            }
            .onepric_housing_addr {
              font-size: 14px;
              padding-left: 23px;
            }
          }
        }
      }
    }
    .componany{
      width: 1300px;
      height: 300px;
      margin: 0 auto;
      margin-top: 65px;
      display: flex;
      justify-content: space-between;
      .room_text_box{
        width: 271px;
        height: 253px;
        box-shadow:0px 4px 10px 0px rgba(0,0,0,0.5);
        border-radius:4px;
        background-color: #fff;
        .imgbox{
          width: 138px;
          height: 100px;
          margin: 0 auto;
          border-bottom:1px solid #BCBCBC;
          .pinglun_img{
            margin-top: 10px;
          }
        }
        .txtBox{
          width: 230px;
          height: 114px;
          margin: 0 auto;
          margin-top: 20px;
          .leftCode{
            height: 37px;
            line-height: 37px;
            text-align: left;
            font-size: 37px;
            color: #3A3A3A;
          }
          .txt{
            font-size: 14px;
            line-height: 15px;
            color: #3A3A3A;
            text-indent: 2em;
          }
          .rightCode{
            height: 37px;
            line-height: 37px;
            text-align: right;
            font-size: 37px;
            color: #3A3A3A;
          }
        }
      }
    }
    // 底部搜索
    .foot_search{
      width: 99.95%;
      height: 100px;
      position: fixed;
      bottom: 2px;
      display: flex;
      align-items: center;
      justify-content: space-around;
      background:#424242;
      z-index:1000;
      .searchbox{
        width: 435px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        .foot_search_input{
          width: 435px;
        }
        .foot_btn{
          background-color: #FFE300;
        }
      }
      .search_condition_box{
        width: 800px;
        height: 100px;
        text-align: left;
        color: #F9F9F9;
        .close{
          position: absolute;
          right: 5px;
          top: 5px;
          cursor: pointer;
        }
        .city{
          height: 50px;
          width: 800px;
          line-height: 40px;
          margin-top: 10px;
          .markerImg{
            width: 28px;
            height: 28px;
            top: 15px;
            position: absolute;
          }
          .citybox{
            width: 800px;
            margin-left: 45px;
            .cityName{
              display: inline-block;
              width: 50px;
              margin-left: 20px;
              text-align: center;
              cursor: pointer;
            }
          }
        }
        .person{
          height: 50px;
          .personBox{
            position: relative;
            margin: 30px 0px 0px -5px;
            .personImg{
              position: absolute;
              top: 20px;
              width: 34px;
              height: 28px;
            }
            .people{
              position: absolute;
              top: 25px;
              left: 50px;
            }
          }
          .citylists{
            position: relative;
            margin:-50px 0px 0px 110px;
            .peosonSlide{
              width:410px;
              position: absolute;
              left: 26px;
              top: 20px;
            }
            .startNum{
              position: absolute;
              top: 30px;
            }
            .endNum{
              position: absolute;
              left: 450px;
              top: 30px;
            }
            .peopleBtn{
              width: 180px;
              position: absolute;
              left: 480px;
              top: 25px;
              display: flex;
              justify-content: space-between;
            }
          }
          .changecolor2{
            min-width: 20px;
            height: 30px;
            margin: 0px 0px 0px 15px; 
            display: flex;
            justify-content: flex-start;
            button{
              width:80px;
              height: 30px;
              cursor: pointer;
              background: #fff;
              border: none;
              margin-right: 5px;
              border-radius: 3px;
              box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, .2);
            }
            .btnbg{
              background: #ffe300;
            }
            .btnbg2{
              background: #EFEFEF;
            }
          }
        }
      }
    }

    .searchIconBox{
      position: fixed;
      z-index:1000;
      bottom: 2px;
      left: 5px;
      transform: scale(1);
      cursor: pointer;
    }
    .entrustBox{
      .dialogTitleBox{
        width: 200px;
        height: 44px;
        margin-left:100px;
        margin-top: -30px;
        .successImg{
          margin-right:10px;
        }
        .title{
          font-size: 25px;
          color: #000;
          height: 44px;
          line-height: 44px;
          margin-left: -40px;
        }
      }
      .dialogBox{
        width: 350px;
        height: 260px;
        margin: 0 auto;
        text-align: left;
        .intro{
         color:#505050;
         font-size: 16px; 
         height: 21px;
        }
        .intro_text{
          width:162px;
          height:24px;
          font-size: 18px;
          color: #3D3D3D;
          line-height:24px;
        }
        .input_text{
          width: 330px;
          height: 134px;
          margin-top: 10px;
          padding: 5px 10px 5px 10px;
        }
        .infotext{
          font-size: 14px;
          color: red;
          text-align: center;
        }
        input::-webkit-input-placeholder{
          color:#B6B6B6;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
          color:#B6B6B6;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
          color:#B6B6B6;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
          color:#B6B6B6;
        }
      }
    }
}


  